<template>
    <div class="container">
        <!-- 自动打字 -->
        <div class="demo1">快看，这是一个自动打字的文字特效！</div>
        <!-- 霓虹文字 -->
        <div class="demo2">
            <span>霓</span>
            <span>虹</span>
            <span>文</span>
            <span>字</span>
        </div>
        <!-- 背景文字 -->
        <div class="demo3">
            <div>background</div>
            <div>背景文字</div>
        </div>
        <!-- 高亮文字 -->
        <div class="demo4" data-text="这是一条高亮文字">这是一条高亮文字</div>
        <!-- 镂空文字 -->
        <div class="demo5">
            <div>stroke text</div>
            <div>镂空文字</div>
        </div>
        <!-- 融合文字 -->
        <div class="demo6">
            <div>通过滤镜实现融合文字</div>
        </div>
    </div>
</template>
<script lang="ts" setup></script>
<style scoped lang="scss" src="./font.scss"></style>
